<template>
  <page-header-wrapper>
    <a-card style="box-sizing:border-box;padding:30px">
      <p class="mainTit">网站提示</p>
      <div class="layui-field-box">
        <table class="layui-table">
          <thead>
            <tr>
                <th>标题</th>
                <th width="150px">发布时间</th>
            </tr>
          </thead>
            <tbody>
              <tr>
                <td><span style="color: rgb(255, 0, 0);"><strong><span style="font-size: 18px;line-height:38px">充值最新通知</span></strong></span><br><p>为了减轻客服压力，6月3日起支付宝充值和银行卡充值已经升级为全自动审核，请需要充值的在工作时间 每天早上9点到晚上6点免手续费充值，尽量把第二天要用的钱充好，非工作时间18点到次日早9点，只设置了银行卡3000元应急免手续费值。非工作时间充值超过3000应急部分的钱，收取千分之3手续费。</p><p>举例:张三白天充值了2万，超过工作时间后又充值了6000 前3000免手续费，后3000千收取千分之三手续费9元。</p><p>谢谢理解:尽量不要晚上充，你实在要充只能收你点手续费发下客服工资。</p><br></td>
                <td>2021-05-06</td>
              </tr>
              <tr>
                 <td>		 
			<p style="text-align: justify;"><span style="color: rgb(255, 0, 0);"><strong><span style="font-size: 18px;line-height:38px">充值必看</span></strong></span><br><span style="font-size: 16px;"><strong>1.充值账号必须和本站实名认证人一致，如你要用他人账户充值，请让其人实名认证.认证完成后，可以用他人账号充值。</strong></span></p><p style="text-align: justify;"><span style="font-size: 16px;"><strong>2.如使用非实名认证人充值，本站将根据情况扣除千分之3手续费原路退回或者予以确认</strong><strong>。</strong><strong></strong></span></p>
                </td>
                <td>2021-04-30</td>
                </tr>
          </tbody>
        </table>
        <div class="mainBtn">
          <a-button type="primary" @click="addFunc" class="btn">支付宝充值</a-button>
        </div>
      </div>
    </a-card>
    <AddRecharge ref="mchAppAddOrEdit"/>
  </page-header-wrapper>
</template>

<script>
import AddRecharge from './AddRecharge'
export default {
  components: { AddRecharge },
  data () {
    return {
      
    }
  },
  methods: {
    addFunc: function () { 
      this.$refs.mchAppAddOrEdit.show()
    },
  }
}
</script>

<style lang="less" scoped>
/deep/ .ant-card-body{
  padding: 24px !important;
}
.redTip{
  color: #d44d44;
  font-size: 20px;
  padding: 0 5px;
}
.mainTit{
  font-size: 20px;
}
.layui-field-box{
  padding: 10px 15px;
  /deep/ .layui-table{
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
    border-collapse: collapse;
    border-spacing: 0;
    thead tr{
      background-color: #f2f2f2;
    }
    th{
      position: relative;
      padding: 9px 15px;
      min-height: 20px;
      line-height: 20px;
      font-size: 14px;
      border-width: 1px;
      border-style: solid;
      border-color: #e6e6e6;
    }
    td{
      position: relative;
      padding: 9px 15px;
      min-height: 20px;
      line-height: 20px;
      font-size: 14px;
      border-width: 1px;
      border-style: solid;
      border-color: #e6e6e6;
    }
  }
}
.mainBtn{
  margin-top: 30px;
}
</style> 